<template>
	<view class="firstly-bg">
		<view class="jumpOver" @tap="navindex()">
			跳过
		</view>
		<view class="robot">
			<view class="robot-text">
				<text>许多疾病的发生并非偶然，不良的生活习惯、家族遗传史等都可能是疾病的“风险因素”，直接或间接加速了疾病的发生与进展，为尽早发现健康隐患，我们为您提供了一套综合改善方案，快去试试吧！</text>
			</view>
			<view class="robot-gif">

			</view>
		</view>
		<view class="shuiping-text">
			<text>
				想知道您的健康水平吗？
				快来测测吧
			</text>
			<view class="ToMeasure" @tap="nextStep()">
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			navindex() {
				// uni.navigateTo({
				// 	url:'/pages/index/index'
				// })
				uni.switchTab({
					url: '/pages/tab/home'
				});
			},
			nextStep() {
				uni.navigateTo({
					url: '/pages/subpackage/home/oneAccess/evaluating'
				})
			}
		}
	}
</script>

<style lang="scss">
	@import "./newBase.scss";

	.firstly-bg {
		width: 100vw;
		height: 100vh;
		background: url(http://static.bsyjk.cn/homebg/0A383591286F40C0BA1C015874317684.png)no-repeat;
		background-size: 100% 100%;
		position: relative;
		.shuiping-text{
			width: 100vw;
			height: 250upx;
			position: fixed;
			bottom: 0;
			font-size: 36upx;
			font-weight: bold;
			text-align: center;
			color: rgba(129, 192, 66, 1);
			.ToMeasure {
				width: 168upx;
				height: 168upx;
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				background: url(http://static.bsyjk.cn/Chechout%20BT/F9213239B3B54BF5882B0CC3BA35842A.png)no-repeat;
				background-size: 100% 100%;
			}
		}
		.robot {
			width: 600upx;
			height: 700upx;
			margin: 0 auto;
			position: relative;
			top: 330upx;
			background: RGBA(255, 255, 255, .3);
			border-radius: 50upx;

			.robot-text {
				width: 500upx;
				padding: 20upx;
				position: absolute;
				color: #fff;
				font-size: 26upx;
				top: -100upx;
				left: 50%;
				transform: translateX(-50%);
				background: RGBA(91, 181, 140, .6);
				border-radius: 20upx;
			}

			.robot-gif {
				width: 600upx;
				height: 700upx;
				background: url(http://static.bsyjk.cn/robet/C5F255DA9E1B41BD965460E67CEB9D78.gif)no-repeat -70upx -430upx;
				background-size: 750upx 1624upx;
			}
		}

		.jumpOver {
			width: 200upx;
			height: 200upx;
			position: absolute;
			top: 160upx;
			right: 0;
			text-align: center;
			font-size: 40upx;
			color: #fff;
			font-weight: bold;
		}
	}
</style>
